<template>
   
    <div>
      <van-form @submit="onSubmit">
  <van-field
    v-model="username"
    name="用户名"
    label="用户名"
    placeholder="用户名"
    :rules="[{ required: true, message: '请填写用户名' }]"
  />
  <van-field
    v-model="password"
    :type="status"
    name="密码"
    label="密码"
    placeholder="密码"
    :rules="[{ required: true, message: '请填写密码' }]"
  />
  <div style="margin: 16px;">
    <van-button round block type="info" native-type="submit">提交</van-button>
  </div>
</van-form>
    <button @click="fn">111</button>
    </div>
</template>

<script>
// 我的页面需要判断有没有登陆，如果登陆了才能访问我的页面，如果没有登陆，我的页面不能访问
import Vue from 'vue';
import { Form } from 'vant';
import { Field } from 'vant';
Vue.use(Form);
Vue.use(Field);
export default {
     data() {
    return {
      username: '',
      password: '',
      status:"text",
    };
  },
  methods: {
      fn() {
          this.status = "password"
      }
  },
}
</script>

<style>

</style>